<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用广播通道</title>
    <script src="./main.js"></script>
</head>
<body>
    <div class="main">
        <div class="intro">
            <p>同源脚本能够通过 BroadcastChannel 相互之间发送和接收消息。这种通道类型的设置比较简单，
                不需要像 MessageChannel 那样转移乱糟糟的端口。这可以通过以下方式实现</p>
            <p>这里，页面在通过 BroadcastChannel 发送消息之前会先等 1 秒钟。因为这种信道没有端口所有
                权的概念，所以如果没有实体监听这个信道，广播的消息就不会有人处理。在这种情况下，如果没有
                setTimeout()，则由于初始化工作者线程的延迟，就会导致消息已经发送了，但工作者线程上的消息
                处理程序还没有就位。</p>
        </div>
    </div>
</body>
</html>